<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>this</title>

</head>
<body>
    <button class="reload">按钮</button>
</body>
<script>
    // 全局作用域下this 指向 window
    console.log(this); // window
    // 普通函数的this指向window
    function wy(){
        console.log(this); // window
    }
    wy();
    // 定时器中的this指向window
    setTimeout(function(){
        console.log(this); //window
    })

    // 方法中的this 谁调用就指向谁 wyObj
    var wyObj = {
        name:'wc',
        eat:function(){
            console.log('吃骨头');
            console.log(this); // wyObj
        }
    };
    // . 调用方法
    wyObj.eat();

    // 构造函数的this
    function Happy(){
        console.log(this);// 指向构造函数的实例，Happy {}
    }
    // 实例化
    var happy = new Happy(); 

    // location对象
    console.log(location);
    // 获取整个url地址
    console.log(location.href);

    
    var reloadEle = document.getElementsByClassName('reload')[0];
    // console.log(reloadEle);
    reloadEle.addEventListener('click',function(){
        location.reload(); // 重新加载
    });
    // js(es5,es6) => ecmascript,dom(文档对象模型jq),bom(浏览器对象模型)
    
    console.log(navigator);
    
</script>
</html>